
	let timer = setInterval(get_next, 3000);
	let sz = new Array();
	var cur_ul = document.getElementById('banner');
	for (var i = 1; i <= 3; i++) {
		var cur_li = document.createElement('li');
		var cur_img = document.createElement('img');

		cur_img.src = './imgs/banner' + i + '.png';
		cur_img.style.width = '400px';
		cur_img.style.height = '200px';

		cur_li.appendChild(cur_img);
		cur_ul.appendChild(cur_li);
		sz.push(cur_li);
		sz[sz.length - 1].style.left = '0px';
	}

	let pre_img = document.createElement('img');
	pre_img.src=  "./imgs/left.png";
	pre_img.style.position = "absolute";
	pre_img.style.height = "40px";
	pre_img.style.width = "40px"
	pre_img.style.left = "-100px";
	pre_img.style.top = "80px";
	pre_img.style.margin = "autp";
	pre_img.style.zIndex = 100;
	cur_ul.appendChild(pre_img);

	let nex_img = document.createElement('img');
	nex_img.src=  "./imgs/right.png";
	nex_img.style.position = "absolute";
	nex_img.style.height = "40px";
	nex_img.style.width = "40px"
	nex_img.style.right = "-100px";
	nex_img.style.top = "80px";
	nex_img.style.margin = "autp";
	nex_img.style.zIndex = 100;
	cur_ul.appendChild(nex_img);

	pre_img.onclick = function(){
		clearInterval(timer);
		get_pre();
		timer = setInterval(get_next,3000)
	};

	nex_img.onclick = function(){
		clearInterval(timer);
		get_next();
		timer = setInterval(get_next,3000)
	};
	


	let len = sz.length - 1;
	sz[len - 1].style.left = '200px';
	sz[len - 1].style.zIndex = 100;
	sz[len - 1].style.transform = 'scale(1.3)';
	sz[len].style.left = '400px';
	sz[len - 2].style.left = '0px';


	function get_next() {
		let give_up = sz[len];
		sz.pop();
		sz.unshift(give_up);
		for (var i = 0; i < sz.length; i++) {
			sz[i].style.zIndex = i;
			sz[i].style.transform = 'scale(1)';
		}
		sz[len - 2].style.left = '0px';

		sz[len - 1].style.zIndex = 100;
		sz[len - 1].style.left = '200px';
		sz[len - 1].style.transform = 'scale(1.3)';
		sz[len - 1].style.opacity = 1;
		sz[len].style.left = '400px';
	}

	function get_pre() {
		let give_up = sz[0];
		sz.shift();
		sz.push(give_up);
		for (var i = 0; i < sz.length; i++) {
			sz[i].style.zIndex = i;
			sz[i].style.transform = 'scale(1)';
		}
		sz[len - 2].style.left = '0px';

		sz[len - 1].style.zIndex = 100;
		sz[len - 1].style.left = '200px';
		sz[len - 1].style.transform = 'scale(1.3)';
		sz[len - 1].style.opacity = 1;
		sz[len].style.left = '400px';
	}

	cur_li.onmouseleave = function(){
		timer = setInterval(get_next,3000);
	}

	cur_li.onmouseenter = function(){
		clearInterval(timer);
	}